<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 该地址是同源 -->
    <script src="./index.js" defer></script>
    <!-- 跨域 -->
    <!-- 那为什么这个能够拿到呢 -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <!-- 这是由于在发送请求的时候
    会在src中携带一个本地的回调函数传给服务器
    例如
    src="http://127.0.0.1:4000/list?callback=func"
    而服务器接收到客户端这个请求后
    1. 准备数据
        data={...}
    2. 给客户端返回数据
        'func('+JSON.stringify(data)+')'
    3. 把2中的字符串返回给浏览器（客户端）
    4. 浏览器会把它解析出来，然后执行
        一执行后，回调函数中data就会被客户端拿到
    
    这一过程就是JSONP
    JSONP一定需要服务器端的支持
    并且这个函数一定要是全局函数 -->
</head>

<body>

</body>

</html>